<template>
    <a-card title="项目成本" :bordered="false">
        <template #extra>

            <a-radio-group v-model:value="type" size="small">
                <a-radio-button value="1">全部</a-radio-button>
                <a-radio-button value="0">当年</a-radio-button>
            </a-radio-group>

        </template>
            <a-row :gutter="16">
                <a-col :span="16" class="h-20   ">
                    <p>项目成本： 2330000.00 元</p>
                    <p> 总预算：100000.00 元</p>
                </a-col>
                <a-col :span="8">
                    <a-progress :width="80" type="circle" :percent="50" class="mr-5" />
                </a-col>
            </a-row>
    </a-card>
</template>

<script setup name="steps">
const props = defineProps({
    proId: {
        type: Number,
    },
})
const type = ref("1")
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
watch(proId, () => {
    getStep(proId.value);
});
</script>
<style scoped></style>
